<!-- 动画加载的容器(原用于菜单的滚动图的显示/隐藏) -->
<template>
	<view v-if="props.visible" class="animate__animated" :class="props.visible ? entryClass : exitClass">
		<slot></slot>
	</view>
</template>

<script setup>
	const props = defineProps({
		visible: {
			type: Boolean,
			default: false,
		},
		entryClass: {
			type: String,
			default: "animate__fadeIn"
		},
		exitClass: {
			type: String,
			default: "animate__fadeOut"
		}
	});
</script>

<style lang="scss" scoped>
	@import "@/node_modules/animate.css/animate.css";
</style>